@charset "utf-8";


@import "../common/reset";
@import "../common/mixincommon";


/***搜索界面***/
.search{
    height: 100%;
    background: #f1f1f1;
    .search_top{
        height: n(88px);
        line-height: 44px;
        padding: 0px 7px 0px 7px;
        background: #1f1f1f;
        i{
            float: left;
            color: $close;
            font-size: n(51px);
            vertical-align: middle;
        }
        /**搜索框**/
        .input_s{
            margin: 0 auto;
            width: n(534px);
            height: n(52px);
            border:n(4px) #d2d2d2 solid ;
            border-radius: n(25px);
            margin-top: 7px;
            margin-left: 10px;
            padding-left: 7px;
            line-height: n(46px);
            font-size: 0;
            input{
                height: n(50px);
                line-height: n(50px);
                margin-left: n(18px);
                padding-left: n(4px);
                font-size: n(24px);
                border: none;
                background: none;
                width: n(195px);
                vertical-align: middle;
            }
            i{
                font-size: n(27px);
                color: #fff;
                vertical-align: middle;
            }
        }
    }
     /** keyword**/
    .search_keyword{
        margin-left: 14px;
        font-size: 0;
        p{
            font-size: n(27px);
            color: #211d1d;
            font-weight: bold;
            margin: n(32px) 0px 6px 0px;
        }
        span{
            display: inline-block;
            font-size: n(30px);
            background: #fff;
            margin-right: 4px;
            margin-bottom: 5px;
            border: 1px solid #e4e4e4;
            padding: 6px 9px;
            &.active{
                background: #FF0000;
            }
        }
    }
}
